<!DOCTYPE html>
<html>
	<head>
	<title data-vue-meta="true">创新团队</title>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="chrome=1" />
	<meta name="keywords" content="设计"/>
	<meta name="author" content="Etisan"/>
	<meta name="robots" content="all"/>
	<link rel="icon" href="img/logo.png" type="image/png">
	<link rel="apple-touch-icon" href="img/logo.png">
	<link rel="shortcut icon" href="img/logo.png" />
	<meta name="mobile-web-app-capable" content="yes">
   	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
   	<meta http-equiv="X-UA-Compatible" content="ie=edge">
   	<link rel="stylesheet" href="css/bootstrap.min.css" />
   	<link rel="stylesheet" href="css/navbar.css" />
   	<link rel="stylesheet" href="css/team.css" />
   	<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</head>

<body ondragstart="return false" ontouchstar >
<nav>
	<div class="container-fluid ">
		<div class="row">
			<div align="center" class="nav-box col-md-12">
				<div class="navbar-brand col-md-1">
					<img style="height: 40px;margin-top: -10px;" src="img/logo.png" />
				</div>
				<div class="container" >
					<div class="row">
						<div class=" col-md-10 col-md-push-4">
							<ul id="nav">
								<li><a href="index.html">产品创新工作室</a></li>
								<li><a href="works.html">项目作品</a></li>
								<li><a href="team.html" style="border-top: 4px solid rgb(0,180,150);">创新团队</a></li>
								<li><a href="download.html">资源下载</a></li>
								<li><a href="contact.html">加入我们</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</nav>


<head>
<div class="container-fluid">
	<div class="row">
		<div class="team-bg" id="yc">
			<img class="img-responsive" src="img/tittle-bg.jpg" />
			<span>TEAM</span>
			</div>
		</div>
	</div>
</div>
</head>



<div class="container-fluid" style="background-color: #EEEEEE;">
	<div class="row">
		<div class="brief col-md-8 col-md-push-2 col-xs-10 col-xs-push-1">
		<img style="z-index: 0;" style="filter：alpha(opacity=60);opacity:0.6;" src="img/card-bg.jpg" />
		<figure style="z-index: 8;">
			<br />
			<p style="font-size: 16px;display: inline;font-weight: 700;color: #888888;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;简介</p>
			<span style="color: #888888;font-size: 12px;background-color: #FFFFFF;">INTRODUCTION</span>
			<br /><br /><br />
			<span style="color: #888888;font-weight: 800;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_______</span>
			<br /><br /><br />
			<p style="text-indent:2em;z-index: 9;letter-spacing: 1px;" class="col-md-10 col-md-push-1">产品设计创新工作室主要从事工业产品和日用品的设计研究，并从产品的造型与色彩
				、形式与外观、结构与功能、结构与材料、外形与工艺、产品与人、产品与环境、市场的关系等方
				面进行创新。学生以团队合作的形式去发现问题，并运用所学知识分析问题并解决问题。创新团队
				的课题主要来自于社会企业需求、学生自发创意、各种团体组织的设计大赛等。工作室为大学生创
				新、创业提供了良好的平台，几年来，工作室获得了国家级、省级大赛等各级别赛事奖项20多人次
				，为企业提供设计需求10余项，同学们不仅在创新能力上得到了提升，也为自己的深造和就业奠定
				了坚实基础。
			</p>
		</figure>
		</div>
	</div>
</div>

<div class="container-fluid">
	<div class="row">
		<div class="teacher col-md-12">	
			
			<div class="row">
				<div class="teacher-2 col-md-5 col-md-push-2">
					<p>Introduce Teacher&Student...</p>	
				</div>
			
			</div>
			
		</div>	
		</div>
	</div>
</div>


<script>
$(window).scroll( function(){
    var height=$("#yc").offset().top-$(window).scrollTop(); 
    if(height<"0"){
         $(".nav-box").css("background-color","#FFFFFF");
         $(".nav-box").css("transition","all 2s ease");
    }else{
        $(".nav-box").css("background","rgba(0,0,0,0.0)");
    }
});
</script>
</body>
</html>
